// 1. 获取到猫，修改猫的路径为angry_20.jpg
let tomcatImg = document.querySelector('.tomcat-img')
// console.dir(tomcatImg)
// tomcatImg.src = 'imgs/Animations/angry/angry_20.jpg'

let timer
// 3. 点猫时，切换图片
tomcatImg.onclick = function(){
    clearInterval(timer) // 每次点击先清除上一次的定时器
    // 2. 每隔2s换一张图（从0到25张）
    let idx = 0
    timer = setInterval(function(){
        if(idx < 10) {
            tomcatImg.src = 'imgs/Animations/angry/angry_0'+ idx + '.jpg'
        } else{
            tomcatImg.src = 'imgs/Animations/angry/angry_'+ idx + '.jpg'
        }
        idx++
        if(idx > 25) {
            clearInterval(timer)
        }
    }, 70)

}